<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
      p {
        font-size: 12px;
        font-family: 仿宋,serif;
        font-style: oblique;
        font-weight: bolder ;
        line-height: 18px;
        color: red;
        text-indent: 2em;
      }
      p span{
        text-decoration: overline;
        color: pink;
        text-align: center;
      }
      p em{
        text-align: center;
        text-transform: capitalize;
      }

      .news{
        font: oblique normal bold 20px/1.5 微软雅黑;
      }

    </style>
</head>
<body>

<!--
  7.css 字体
    1)font-size:字号  (xxx px)
    2)font-family: 字体  (微软雅黑)
    3)font-style: 样式 （normal,oblique(倾斜字体),italic（斜体））
    4)font-weight： 加粗 （normal,bolder,bold,lighter）或者0-900
    5)line-height: 行高 （px/em）
    6)color: 颜色
    7)text-decoration: 文字修饰 (none,line-through,underline,overline)
    8)text-align: 文本对齐方式 （left .center,right）
    9)text-transform: 字母大小写 (lowercase(小写),uppercase(大写),capitalize(首字符大写))
    10)text-indent: 文本缩进 (px/em)

    font复合属性：
      font:font-style font-variant font-weight font-size/line-height font-family:注意:
        1)属性值的位置顺序
        2)除了font-size和font-family之外，其它任何一个属性值都可以省略3)font-variant:normal/small-caps(让大写字母变得小一些)
-->
<p>4月20日，英雄联盟LPL第二赛段组内赛战火重燃，LNG对阵UP、
  BLG对阵TES、<span>FPX对阵NIP</span>三场比赛即将激情上演。<em>其中hhhh</em>，BLG与TES的对决无疑是最大看点，
  这场比赛集实力碰撞与超高热度于一身，还未开赛就已让粉丝们热血沸腾。</p>

<div class="news">4月20日，英雄联盟LPL第二赛段组内赛战火重燃，LNG对阵UP、
  BLG对阵TES、<span>FPX对阵NIP</span>三场比赛即将激情上演。<em>其中hhhh</em>，BLG与TES的对决无疑是最大看点，
  这场比赛集实力碰撞与超高热度于一身，还未开赛就已让粉丝们热血沸腾。</div>

</body>
</html>